import * as Vue from 'vue';
import Component from 'vue-class-component';

Midware.componentDefine("Login:UserInfo", {visibility: 'private'}, function () {
    @Component({
        template: "<div><p><input type='text' /></p><p><input type='password' /></p></div>"
    })
    class UserInfo extends Vue {
    }
    return UserInfo;
});

Midware.componentDefine("Login:Operator", {visibility: 'private'}, function () {
    @Component({
        template: "<div><button type='button' value='login'>Login</button></div>"
    })
    class Operator extends Vue {
    }
    return Operator;
});

Midware.componentDefine("Login:Login", ["Common:List", "Login:UserInfo", "Login:Operator"], function (List, UserInfo, Operator) {
    @Component({
        template: "<div><p><list/></p><p><user-info /></p><p><operator/></p></div>",
        components: {
            'list': List,
            'user-info': UserInfo,
            'operator': Operator
        }
    })
    class Login extends Vue {
    }
    return Login;
});

Midware.componentDefine("Login:Admin", ["Common:List", "Login:UserInfo", "Login:Operator", "Validate:Code"], function (List, UserInfo, Operator, Code) {
    @Component({
        template: "<div><p><user-info /></p><p><operator/></p><p><code/></p></div>",
        components: {
            'list': List,
            'user-info': UserInfo,
            'operator': Operator,
            'code': Code
        }
    })
    class Admin extends Vue {
    }
    return Admin;
});